<!doctype html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{fragments/layout}">

<head>
	<meta charset="utf-8">
    <!-- ui使用的引入资源,实际页面代码不会加载  ---start -->
    <!-- 公共 -->
    <link rel="stylesheet" href="../../META-INF/resources/webjars/bootstrap/3.3.7/css/bootstrap.css"  th:remove="all">
    <link rel="stylesheet" href="../../static/fonts/iconfont.css" th:remove="all">

    <script src="../../META-INF/resources/webjars/jquery/3.2.0/jquery.js" th:remove="all"></script>
	<script src="../../META-INF/resources/webjars/bootstrap/3.3.7/js/bootstrap.min.js" th:remove="all"></script>
	<script src="../../static/js/menu.js" th:remove="all"></script> <!-- 左边菜单 -->

    <script src="../../META-INF/resources/webjars/jquery/3.2.0/jquery.min.js"  th:remove="all"></script>

    <!-- 后台样式 -->
    <link rel="stylesheet" href="../../static/css/manage.css" th:remove="all">
    <link rel="stylesheet" href="../../static/css/power.css" th:remove="all">
    <!-- ui使用的引入资源,实际页面代码不会加载  --- end -->


	<!--基础js-end -->
    <script type="text/javascript">
        var WEB_ROOT = '/demo';
    </script>

    <!-- 消息弹框  start -->
    <script src="../../static/js/system/webweigetutil.js" th:src="@{/js/system/webweigetutil.js}"></script>
    <script language="javascript" src="../../static/js/system/jquery.bootstrap.message.js" th:src="@{/js/system/jquery.bootstrap.message.js}"></script>
    <!-- 消息弹框  end -->
    <script src="../../META-INF/resources/webjars/bootstrap/3.3.7/js/bootstrap.js"></script>
    
    <script src="../../static/js-busi/staff/staffCreate.js" th:src="@{/js-busi/staff/staffCreate.js}"></script>
    
     <!-- 树形插件  start-->
    <script src="../../static/js/system/treeview/bootstrap-treeview.js" th:src="@{/js/system/treeview/bootstrap-treeview.js}"></script>
    <script src="../../static/js-busi/common/treeview.service.js" th:src="@{/js-busi/common/treeview.service.js}"></script>
    <script src="../../static/js-busi/common/treeview.getdata.service.js" th:src="@{/js-busi/common/treeview.getdata.service.js}"></script>
   <!-- 树形插件  end-->
   
   	<!-- common data-->
   	<script src="../../static/js-busi/common/commonData.js"></script>



</head>
<body>
	
	<!-- 头部 -->
    <header class="m_header">
        <div class="wt1200 clearfix">
            <div class="m_header_leftWrap">
                <a href="" class="Logo" target="_blank">
                    <img src="../../static/images/logo_manager.png" alt="上海权益中心">
                </a>
                <em class="m_headName">亚信联通DEMO工程</em>
                <span>欢迎登陆亚信联通DEMO工程</span>
            </div>
            <ul class="m_hdlist clearfix">
                <li>
                    <a class="item" href="" target="_blank"><i class="iconfont icon-huiyuan1"></i>admin</a>
                </li>
                <li>
                    <a class="item" href="" target="_blank"><i class="iconfont icon-mima1"></i>修改密码</a>
                </li>
                <li>
                    <a class="item" href="../login/login.html" target=""><i class="iconfont icon-tuichu"></i>退出</a>
                </li>
            </ul>
        </div>
    </header>
    <!-- 头部 end-->

<div class="m_wrap1200">
    <!-- 右边主体 -->
    <div class="m_main" layout:fragment="screen_content">
        <!--pageActionType: addCouponrights/modifyCouponrights  -->

        <div class="m_con">

            <div class="pl20 pr20">


                <ul class="nav nav-tabs" role="tablist">
                    <li class="active"><a href="#tab01" aria-controls="home" role="tab" data-toggle="tab">用户创建</a></li>
                </ul>


                <!-- Tab panes -->
                <div class="tab-content pt15">
                    <table class="editTable">
                        <tr>
                            <td class="Hint" width="120px" >
                                <span class="" style="color: red">*</span>
                                用户类型：
                            </td>
                            <td>
                                <select onchange='showMercList()' class="form-control"  id="staffType" >
                                    <option selected value="1">平台</option>
                                    <option value="2">合作伙伴</option>
                                </select>
                            </td>

                            <td class="Hint" >
                                <span class="col_red">*</span>
                                姓名：
                            </td>
                            <td>
                                <input type="text " class="form-control " id="staffName" maxlength="50">
                            </td>
                        </tr>

                        <tr>
                            <td class="Hint" >
                                <span class="col_red">*</span>
                                登录名：
                            </td>
                            <td>
                                <input type="text " class="form-control " id="staffCode"  maxlength="20">
                            </td>

                            <td class="Hint" >
                                <span class="col_red">*</span>
                                手机号：
                            </td>
                            <td >
                                <input type="text" class="form-control" id="phoneNumber" onkeyup="value=value.replace(/[^\d]/g,'')" maxlength="11">
                            </td>
                        </tr>


                        <tr>
                            <td class="Hint" >
                                <span class="col_red">*</span>
                                密码：
                            </td>
                            <td>
                                <input type="password" class="form-control " id="password" maxlength="20">
                            </td>

                            <td class="Hint" >
                                <span class="col_red">*</span>
                                确认密码：
                            </td>
                            <td >
                                <input type="password" class="form-control" id="newPd" maxlength="20">
                            </td>
                        </tr>

                        <tr>
                            <td class="Hint" >
                                <span class="col_red"></span>
                                邮箱：
                            </td>
                            <td colspan="3">
                                <input type="text " class="form-control" id="email" maxlength="50">
                            </td>
                        </tr>
                        <tr>
                            <td class="Hint" >
                                <span class="col_red">*</span>
                                省份：
                            </td>
                            <td >
                            	<div class="input-group wt220">
									<input  type="text" class="form-control wt160" readonly="readonly"  id="provinceName"  value="">
									<input  type="hidden" id="provinceCode" value="" >
									<!--<a href="javascript:void(0);" class="label-file wt40" data-target="#select_province_modal" data-toggle="modal">选择
									</a>-->
									<a href="javascript:showModal();" class="label-file wt40">选择
									</a>
								</div>
                            </td>
                            <td class="Hint" id='merchantIdTd1' style='display:none'>
                                <span class="col_red">*</span>
                                	所属合作伙伴：
                            </td>
                            <td id='merchantIdTd2' style='display:none'>
                                <select class="form-control" id="merchantId" >
                                    <option value="">请选择</option>
                                </select>
                            </td>
                        </tr>

                    </table>

                    <!-- 按钮 -->
                    <div  class="p20 text-center ">
                        <a href="javascript:void(0)" class="btn-primary btn mr10" id="bc" onclick="saveStaff()" >保存</a>

                        <a href="staffList.html" class="btn-primary btn mr10"  onclick="goBack()" >返回</a>
                    </div>
                </div>



            </div>
        </div>
    </div>
    <!-- 右边主体 end-->

    <!-- 左边菜单 -->
        <div class="m_nav">
            <div class="leftMenu">
                <div class="menu_list">
                    <ul>
	                    <li>
                            <p class="fuMenu"><i class="iconfont icon-tuichu"></i>我的工作台</p>
                            <div class="menu2">
                                <p class="zcd"><a style="display: block" href="../main/main.html">首页</a></p>
                            </div>
                        </li>
                        <li>
                            <p class="fuMenu"><i class="iconfont icon-mima1"></i>系统管理</p>
                            <div class="menu2">
                                <p class="zcd"><a style="display: block" href="staffList.html" class="active">用户管理</a></p>
                                <p class="zcd"><a style="display: block" href="roleList.html">角色管理</a></p>
                                <p class="zcd"><a style="display: block" href="menuManagerNew.html">菜单管理</a></p>
                                <p class="zcd"><a style="display: block" href="systemParam_Manage.html">系统参数管理</a></p>
                                <p class="zcd"><a style="display: block" href="switchloginstafflist.html">角色切换</a></p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 左边菜单 end-->
</div>

</div>

<div layout:fragment="m_modal_screen_content">
	<!-- 适用区域 弹框-->
	<div class="m_modal modal fade popwin" id="select_province_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document" style="width:400px;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title"  >适用区域</h4>
				</div>
				<div class="modal-body clearfix pt20 pb20" style="height:350px;">

					<div id="provinceListDiv"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" onclick="selectProvinceConfirm(this)" gdsId="" targetStatus="" oldStatus="">确定</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 适用区域 弹框 end-->
</div>


<script src="../../static/js/tree.js" th:remove="all"></script>

<script type="text/javascript">
		meunShow();
		showChoseMenu();
</script>

</body>
</html>